<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="description" content="蜂媒介-社会化媒体策略专家平台"/>
	<meta name="keywords" content="蜂媒介-社会化媒体策略专家平台"/>
	<meta name="author" content="name, sycbbb@sina.com"/>
	<meta name="robots" content="index,follow"/>
	<title>蜂媒介-社会化媒体策略专家平台</title>
	<link rel="stylesheet" href="styles/index.css">
	<link rel="stylesheet" href="styles/swiper-3.4.0.min.css">
</head>
<body>
<!-- header begin -->
<div class="header">
    <div class="w">
    	<div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
    	<div class="nav">
    		<ul>
    			<li><a href="video.html">直播/短视频</a></li>
    			<li><a href="WeChat_promotion.html">微信推广</a></li>
    			<li><a href="microblog.html">微博红人</a></li>
    			<li><a href="advertorial.html">软文发稿</a></li>
    			<li class="active"><a href="specialist.html">媒介专家</a></li>
    			<li><a href="wasp.html">蜂效应</a></li>
    			<li><a href="about.html">关于我们</a></li>			
    		</ul>
    	</div>
    </div>
</div>
<!-- header end -->
<!-- container begin -->
<div class="container">
    <!-- banner begin -->
	<div class="banner">
	    <div class="swiper-container">
		    <div class="swiper-wrapper">
			    <div class="swiper-slide"><img src="images/banner01.jpg" alt=""></div>
			    <div class="swiper-slide"><img src="images/banner01.jpg" alt=""></div>
			    <div class="swiper-slide"><img src="images/banner01.jpg" alt=""></div>
		    </div>
		</div>
		<div class="login w">
			<div class="login-container">
				<ul>
					<li class="active">广告主登录</li>
					<li>媒介主登录</li>
					<div class="line"></div>
				</ul>
				<div class="login-list">
					<form class="form" style="display:block;">
						<div class="name input-list">
						    <i></i>
							<input type="text" placeholder="输入账号">
						</div>
						<div class="password input-list">
						    <i></i>
							<input type="text" placeholder="输入密码">
						</div>
						<div class="error-prompt">
							<p>请输入帐号</p>
						</div>
						<div class="btn">
							<a href="" class="login-btn">登陆</a>
							<a href="" class="register-btn">免费注册</a>
						</div>
						<div class="forget-password">
							<span><input type="checkbox">记住我</span>
							<a href="">忘记密码</a>
						</div>
						<div class="third-party">
							<a class="Wechat" href=""></a>
							<a class="microblog" href=""></a>
							<a class="qq" href=""></a>
						</div> 
					</form>
					<form class="form">
						<div class="name input-list">
						    <i></i>
							<input type="text" placeholder="输入账号">
						</div>
						<div class="password input-list">
						    <i></i>
							<input type="text" placeholder="输入密码">
						</div>
						<div class="btn">
							<a href="" class="login-btn">登陆</a>
							<a href="" class="register-btn">免费注册</a>
						</div>
						<div class="forget-password">
							<span><input type="checkbox">记住我</span>
							<a href="">忘记密码</a>
						</div>
						<div class="third-party">
							<a class="Wechat" href=""></a>
							<a class="microblog" href=""></a>
							<a class="qq" href=""></a>
						</div> 
					</form>
					<!-- 登录后 begin -->
					<!--   <div class="login-success">
					      <div class="img">
					      	 <img src="images/head_icon.jpg" alt="">
					      </div>
					      <p>欢迎您，13719236677</p>
					  	  <a href="">进入广告主平台</a>
					  </div> -->
					<!-- 登录后 end -->
				</div>
			</div>
		</div>
	</div>
	<!-- banner end -->
	 <!-- 媒介专家 begin -->
    <div class="specialist">
    	<div class="w">
	    	<div class="title specialist-title">
				<h3><i></i>媒介专家</h3>
				<p>依托海量优质流量资源，为广告主提供跨平台、跨终端的媒体投放策略，并利用大数据处理算法实现成本可控、效果可观、一键定投</p>
			</div>
			<div class="specialist-container specialist-page">
               <div class="specialist-list">
              	  <h2>张俊林<span>MARK</span></h2>
           	      <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师</p>
               	  <div class="front">
               	     <img src="images/specialist4.jpg" alt="">
                  </div>
               	  <div class="reverse">
               	  	  <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与</p>
               	  </div>
               </div>
                <div class="specialist-list">
              	  <h2>张俊林<span>MARK</span></h2>
           	      <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师</p>
               	  <div class="front">
               	     <img src="images/specialist4.jpg" alt="">
                  </div>
               	  <div class="reverse">
               	  	  <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与</p>
               	  </div>
               </div>
                <div class="specialist-list">
              	  <h2>张俊林<span>MARK</span></h2>
           	      <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师</p>
               	  <div class="front">
               	     <img src="images/specialist4.jpg" alt="">
                  </div>
               	  <div class="reverse">
               	  	  <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与</p>
               	  </div>
               </div>
                <div class="specialist-list">
              	  <h2>张俊林<span>MARK</span></h2>
           	      <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师</p>
               	  <div class="front">
               	     <img src="images/specialist4.jpg" alt="">
                  </div>
               	  <div class="reverse">
               	  	  <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与</p>
               	  </div>
               </div>
               <div class="specialist-list">
              	  <h2>张俊林<span>MARK</span></h2>
           	      <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师</p>
               	  <div class="front">
               	     <img src="images/specialist4.jpg" alt="">
                  </div>
               	  <div class="reverse">
               	  	  <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与</p>
               	  </div>
               </div>
                <div class="specialist-list">
              	  <h2>张俊林<span>MARK</span></h2>
           	      <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师</p>
               	  <div class="front">
               	     <img src="images/specialist4.jpg" alt="">
                  </div>
               	  <div class="reverse">
               	  	  <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与</p>
               	  </div>
               </div>
                <div class="specialist-list">
              	  <h2>张俊林<span>MARK</span></h2>
           	      <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师</p>
               	  <div class="front">
               	     <img src="images/specialist4.jpg" alt="">
                  </div>
               	  <div class="reverse">
               	  	  <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与</p>
               	  </div>
               </div>
                <div class="specialist-list">
              	  <h2>张俊林<span>MARK</span></h2>
           	      <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师</p>
               	  <div class="front">
               	     <img src="images/specialist4.jpg" alt="">
                  </div>
               	  <div class="reverse">
               	  	  <p>资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与文化构建专家、国家注册心理咨询师资深媒体人、整合传播与</p>
               	  </div>
               </div>
               <a href="">更多>></a>
			</div>
		</div>
    </div>
    <!-- 媒介专家 end -->
</div>
<!-- container end -->
<!-- footer begin -->
<div class="footer">
	<div class="w">
		<div class="footer-top">
			<img src="images/er.jpg" alt="">
			<div class="right">
				<dl>
					<dt>友情链接:</dt>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
				</dl>
				<ul>
					<li><a href="">关于我们</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">加入我们</a></li>
					<li><a href="">欢迎合作</a></li>
					<li><a href="">服务条款</a></li>
					<li><a href="">隐私声明</a></li>
					<li><a href="">投诉建议</a></li>
				</ul>
			</div>
		</div>
		<div class="footer-bottom">
			<p>Copyright ©2016 城外圈：一站式智能营销平台 广东天展网络科技有限公司 版权所有粤ICP备11015542号</p>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
		</div>
	</div>
</div>
<!-- footer end -->
<!-- backtop begin -->
<div class="back-top">
	<a class="qq" href="#"></a>
	<a class="top" href="javascript:;"></a>
</div>
<!-- backtop end -->
<!-- script begin -->
<script src="scripts/lib/jquery-1.8.3.min.js"></script>
<script src="scripts/lib/swiper-3.4.0.jquery.min.js"></script>
<script src="scripts/index.js"></script>
<script>
//媒介专家
 $(".specialist-list").bind("hover",function(){
    $(this).toggleClass("active");
}); 
</script>
<!-- script end -->
</body>
</html>